import React from 'react';
import { Button, Form, Input,Space } from 'antd';
import './login.scss';

const onFinish = values => {
  console.log('Success:', values);
};
const onFinishFailed = errorInfo => {
  console.log('Failed:', errorInfo);
};
const Login = () => {
  return (
    <div className='bg'>
      <div className='login-container'>
        <h2>新闻管理系统</h2>
        <Form
          name="basic"
          labelCol={{ span: 6 }}
          wrapperCol={{ span: 16 }}
          style={{ maxWidth: 600 }}
          initialValues={{ remember: true }}
          onFinish={onFinish}
          onFinishFailed={onFinishFailed}
          autoComplete="off"
        >
          <Form.Item
            label="账号"
            name="username"
            rules={[{ required: true, message: 'Please input your username!' }]}
          >
            <Input />
          </Form.Item>

          <Form.Item
            label="密码"
            name="password"
            rules={[{ required: true, message: 'Please input your password!' }]}
          >
            <Input.Password />
          </Form.Item>

          <Form.Item label={null}>
            <Space>
            <Button type="primary" htmlType="submit">
              登录
            </Button>
            <Button type="primary">
              充值
            </Button>
            </Space>
          </Form.Item>
        </Form>
      </div>

    </div>
  )
};
export default Login;